<template>
  <div v-html="post.content" class="post-detail"></div>
</template>

<script>
export default {
  props: ["post"]
};
</script>

<style lang="less" scoped>
.post-detail {
  max-width: 700px !important;
  line-height: 1.5;
  /deep/ img {
    margin: 10px 0;
    width: 100%;
  }
  /deep/ p:nth-child(7) img {
    width: 56px;
    height: 56px;
  }
}
</style>